<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
 	xmlns:ui="http://java.sun.com/jsf/facelets"
 	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
 	xmlns:p="http://primefaces.org/ui" >

<h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="./resources/css/default.css" rel="stylesheet" type="text/css" />
        <link href="./resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
        
        
        <script src="jquery.min.js" type="text/javascript"></script>
        <script src="jquery.maskedinput-1.3.js" type="text/javascript"/>
        <script type="text/javascript">
            
           $(document).ready(function(){
            $(".cpf").mask("999.999.999-99");
            $(".dt").mask("99/99/9999");
            $(".telefone").mask("(99)9999-9999");
            
            
            });
       
           
           
        </script>


        <title>Aplicação Facelets</title>
    </h:head>
    <div id="logo"><img src="../resources/icons/logo.png"/>
</div>

<center><h3>Cadastro de Usuário</h3></center>

<fieldset style="width: 601px;margin:auto;box-shadow:0px 5px 8px 3px #BBB;">
	<legend> Cadastro de Usuário</legend>
 <p:messages/>
 

<h:form id="cadastrar">

<div id="nome">
<h:outputLabel value =" Nome : " for ="nome" /><br></br>
<h:inputText value ="#{usuariosManager.pessoa.nome}" size="87" id="nome" maxlength="50"/>

<br></br>
</div>
<div id="cpf">
    <h:outputLabel value =" CPF : " for ="cpf" /><br></br>
    <h:inputText value ="#{usuariosManager.pessoa.cpf}" id="cpf" size="40" styleClass="cpf"/>
<br></br>
</div>
<div id="email">
<h:outputLabel value =" E-mail : " for ="email" /><br></br>
<h:inputText value ="#{usuariosManager.pessoa.email}" id="email"  size="40" />

<br></br>
</div>

<div id="nascimento">
<h:outputLabel value =" Data Nascimento : " for ="dataNascimento" /><br></br>
<h:inputText value ="#{usuariosManager.dataNascimento}" id="dataNascimento" size="40" styleClass="dt"/>


<br></br>
</div>
    
<div id="telefone2">
<h:outputLabel value ="Telefone:" for ="telefone" /><br></br>
<h:inputText value ="#{usuariosManager.pessoa.fone}" id="telefone" size="40" styleClass="telefone"/>

<br></br>
</div>
<div id="rua">
<h:outputLabel value =" Rua : " for ="rua" /><br></br>
<h:inputText value ="#{usuariosManager.pessoa.codEndereco.rua}" id="rua" size="87" maxlength="30"/>

<br></br>
</div>
    
<div id="numero">
<h:outputLabel value =" Numero : " for ="numero" /><br></br>
<h:inputText value ="#{usuariosManager.pessoa.codEndereco.numero}" id="numero" size="5" />

<br></br>
</div>
    
<div id="commplemento">
<h:outputLabel value =" Complemento : " for ="complemento" /><br></br>
<h:inputText value ="#{usuariosManager.pessoa.codEndereco.complemento}" id="complemento" size="75" maxlength="5"/>

<br></br>
</div>
    
<div id="bairro">
<h:outputLabel value =" Baiiro : " for ="bairro" /><br></br>
<h:inputText value ="#{usuariosManager.pessoa.codEndereco.bairro}" id="bairro" size="87" maxlength="20"/>

<br></br>
</div>
    
<div id="cidade">
<h:outputLabel value =" Cidade : " for ="cidade" /><br></br>
<h:inputText value ="#{usuariosManager.pessoa.codEndereco.cidade}" id="cidade" size="40" maxlength="15"/>

<br></br>
</div>
    
<div id="estado">

<h:outputLabel value =" Estado: " for ="estado" /><br></br>
<h:inputText value ="#{usuariosManager.pessoa.codEndereco.estado}" id="estado" size="40" styleClass="estado"/>
 
<br></br>
</div>
    
<div id="login">
<h:outputLabel value =" Login " for ="login" /><br></br>
<h:inputText value ="#{usuariosManager.pessoa.login}" id="login" maxlength="10"/>
<br></br>
</div>
    
<div id="senha">
<h:outputLabel value =" Senha: " for ="senha" /><br></br>
<p:password value ="#{usuariosManager.pessoa.senha}" id="senha" maxlength="8"/>
<br></br>
</div>
<br></br>
<div id="embaixo">

<div id="selecione"><br></br>
<h:outputLabel> Tipo </h:outputLabel><br></br>
<h:selectOneMenu value="#{usuariosManager.pessoa.tipo}">
	<f:selectItem itemValue="1" itemLabel="Admin" />
	<f:selectItem itemValue="2" itemLabel="Paciente" />
	<f:selectItem itemValue="3" itemLabel="Medico" />
</h:selectOneMenu>
</div>
<div id="casosejamedico">
	
	<fieldset style="width: 170px;">
	<legend> Caso seja MÃ©dico</legend>
	    <h:outputLabel value =" CRM: " for ="crm" />
		<h:inputText value ="#{usuariosManager.crm}" id="crm"/>
	</fieldset>
	</div>
	</div>
	<br></br>
	<div id="botoes1">
	<h:commandButton value ="Cadastrar" action ="#{usuariosManager.gravarUsuario}"   />
<div id="button">         
<button> <a href="index.xhtml"> Voltar </a></button>
</div>
</div>

</h:form>

</fieldset>
   
	


</html>